<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>伪元素选择器</title>
		<style>
			
			span {
				color: red;
			}
			
			/*
				伪元素选择器, 可以加一个冒号, 或者两个冒号, 为了和伪类选择器进行区分, 一般加两个冒号
			*/
			/*
				在元素的内容之前添加内容
			*/
			p::before {
				/*
					内容
				*/
				content: "歪";
				color: red;
				font-size: 50px;
			}

			div::after {
				content: "您好!";
				font-size: 50px;
				color: red;
			}
			
			/*
				给元素内容的第一个字符添加样式
			*/
			.box::first-letter {
				color: blue;
				font-size: 30px;
			}
			
			/*
				给元素内容的第一行添加样式
			*/
			.box::first-line {
				color: pink;
			}

		</style>
	</head>
	<body>
		
		<!-- <p><span>歪</span>哥</p> -->
		<p>哥</p>
		<div>祖国,</div>
		<div class="box">
			ewiuoiwew计算抵扣积分卡时间圣诞快乐积分适当分离设计而非苏菲的世界福克斯爱上了法拉上的飞机上的杀了对方就是打算理发安抚收快递费阿发了就无法发送圣诞节方式范德萨的防守打法发塞尔发爱无非发怒eofasee8ufo搜索都饭店打扫房间阿斯蒂算地方士大夫送福萨的覅偶阿萨德fioafue98vjhgoisa是否奇偶数地方发搜ad第三方就搜到 法搜歪啊福萨偶发法搜法躲饿哦否收到e09ufao98e 欧阿瑟是否搜地方苏菲撒否e8hgfasorue9fasoiue9佛塑欧萨发哦呜否否啊否地方偶啊 
		</div>


		<!-- 
			元素选择器 类选择器 ID选择器 通配选择器 群组选择器 子代选择器 后代选择器 相邻兄弟选择器 伪类选择器 伪元素选择器 属性选择器
		 -->
		 <!-- 
			作业1: 当天代码敲一遍
			作业2: 吟诗一首
			作业3: 祝大家元宵节快乐!

		  -->


	</body>
	
</html>